<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>使用post()方法以POST方式从服务器发送数据</title>
		<script src="./jquery.js" type="text/javascript"></script>
	</head>
	<body>
		<div id="divtest">
				<label>检测数字是否大于0  <input id="btnCheck" type="button" value="检测" /></label>
		<div>请求输入一个数字: <input id="txtNumber" type="text" size="12" /></div>
		</div>
		<ul></ul>
		<script type="text/javascript">
			// 在输入框中录入一个数字，点击“检测”按钮
			// 调用post()方法向服务器以POST方式发送请求，
			// 检测输入值的奇偶性，并显示在页面中
			$(function() {
				$("#btnCheck").bind("click", function() {
					$txtNum = $("#txtNumber").val()
					$.post("http://localhost:8080/jqurey-test-demo/check_f.php", {
						num: $txtNum
					}, function(data) {
						$("ul").append(`<li>你输入的【${$txtNum}】是：${data}</li>`)
					})
				})
			});
		</script>
	</body>
</html>

